<div class="row animate">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header card-info card-inverse">
                <span class="card-title">Default Form</span>
            </div>
            <div class="card-block">
                <form>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>
                    <button type="submit" class="btn btn-secondary">Submit</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header card-success card-inverse">
                <span class="card-title">Horizontal Form</span>
            </div>
            <div class="card-block">
                <form>
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 form-control-label text-xs-right">Email</label>
                        <div class="col-sm-10">
                          <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 form-control-label text-xs-right">Password</label>
                        <div class="col-sm-10">
                          <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Remember me
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-secondary">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header card-primary card-inverse">
                <span class="card-title">Inline Form</span>
            </div>
            <div class="card-block">
                <form class="form-inline">
                    <div class="form-group">
                        <label>Name&nbsp;</label>
                        <input type="text" class="form-control mb-0" placeholder="Jane Doe">
                    </div>
                    &nbsp;
                    <div class="form-group">
                        <label>Email&nbsp;</label>
                        <input type="email" class="form-control mb-0" placeholder="jane.doe@example.com">
                    </div>
                    &nbsp;
                    <button type="submit" class="btn btn-secondary">Submit</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header card-danger card-inverse">
                <span class="card-title">Inline Underline Form</span>
            </div>
            <div class="card-block">
                <form class="form-inline">
                    <div class="form-group">
                        <label class="">Name&nbsp;&nbsp;</label>
                        <input type="text" class="form-control underline mb-0" placeholder="Jane Doe">
                    </div>
                    <div class="form-group">
                        <label>Email&nbsp;&nbsp;</label>
                        <input type="email" class="form-control underline mb-0" placeholder="jane.doe@example.com">
                    </div>
                    &nbsp;&nbsp;
                    <button type="submit" class="btn btn-secondary">Send invitation</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header card-warning card-inverse">
                <span class="card-title">Underline Default Form</span>
            </div>
            <div class="card-block">
                <form>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control underline" id="exampleInputEmail1" placeholder="Enter email">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control underline" id="exampleInputPassword1" placeholder="Password">
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>
                    <button type="submit" class="btn btn-secondary">Submit</button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header card-info card-inverse">
                <span class="card-title">Horizontal Underline Form</span>
            </div>
            <div class="card-block">
                <form>
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 form-control-label text-xs-right">Email</label>
                        <div class="col-sm-10">
                          <input type="email" class="form-control underline" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 form-control-label text-xs-right">Password</label>
                        <div class="col-sm-10">
                          <input type="password" class="form-control underline" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Remember me
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-secondary">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
